@import '@/styles/index.scss';

.container {
  background-color: $bgc;

  .music-page {
    width: 100%;
    padding-top: $pd;

    .list {
      background-color: #fff;
      padding: 0 $pd;
      margin-bottom: $pd;

      .item {
        display: flex;
        align-items: center;
        padding: 20rpx 0;

        &:not(:last-child) {
          border-bottom: 1px solid $bdc;
        }

        .icon {
          padding-left: 20rpx;
          text-align: center;
          line-height: 50rpx;
          color: $fc-on;
          cursor: pointer;

          .text {
            display: inline-block;
            vertical-align: top;
            padding-right: 5rpx;
          }

          .image {
            display: inline-block;
            vertical-align: top;
            height: 50rpx;
            width: 50rpx;
          }
        }

        .content {
          flex: 1;
          padding-left: 32rpx;
          font-size: $fsm;
          color: $fc;
        }
      }
    }
  }
}